	
	function showuserdiv(){

		$("#userdiv").show();
		$("#rolediv").hide();
		$("#usermanage").addClass('active');
		$("#rolemanage").removeClass('active');
	}

	function showrolediv(){

		$("#userdiv").hide();
		$("#rolediv").show();
		$("#usermanage").removeClass('active');
		$("#rolemanage").addClass('active');
	}
	
	$("#btn_adduser").click(function(){
	
		$('#myModal').modal({backdrop: 'static', keyboard: false});//模态框禁用空白处点击关闭
		$("#myModalLabel").text("新增用户");
		$('#myModal').modal('show');
		$('#userid').val("");
		$('#username').val("");
		$('#realname').val("");
		$('#password').val("");
		//所有权限置空
		$('input[name=roles]').each(function () { 
			$(this).attr('checked',false); 
		});
	});
	
	//修改模板
    function edituser(userid){

	    $.ajax({
	    	   url:"user!edituser.action",   
			   type:"post",   
			   data:{userid:userid},
			   async:false,
			   dataType:"json",   
			   success:function(data){
				    $('#myModal').modal({backdrop: 'static', keyboard: false});//模态框禁用空白处点击关闭
				    $("#myModalLabel").text("修改用户");
				    $('#myModal').modal('show');
				    $('#userid').val(data.userid);
					$('#username').val(data.username);
					$('#realname').val(data.realname);
					$('#password').val(data.password);
					
					$.each(data.allroles, function(index, item) {
						$('input[name=roles][value='+item.roleid+']').attr('checked',true);
				    });
			   }
	    });
    }	

	$("#btn_submit").click(function(){ 
    var flag = $("#userForm").valid();
    if(!flag){
        //没有通过验证
        return;
    }
	  var params = $("form").serialize();   
	  $.ajax({   
	   url:"user!adduser.action",   
	   type:"post",   
	   data:params, 
	   async:false,
	   dataType:"json",   
	   success:function(data){
		        createTab();
		        $('#myModal').modal("hide");
	   			},//刷新指定文档列表
	   error: function (xhr, textStatus, errorThrown) {
	        /*错误信息处理*/
			alert("进入error---");
			alert("状态码："+xhr.status);
			alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
			alert("错误信息:"+xhr.statusText );
			alert("返回响应信息："+xhr.responseText );//这里是详细的信息
			alert("请求状态："+textStatus);
			alert(errorThrown);
			alert("请求失败"); 
				}
		   });   
	});
		 
		$(function(){
			$("#userdiv").show();
			$("#rolediv").hide();
			createTab();
			createRoleTab();
			//初始化角色列表和权限列表
			rolesCheck();
			rightsCheck();
			
		    $("#userForm").validate({
		    	messages: {
		    		username: {
		                required: "请输入用户名称"
		            },
		            password: {
		                required: "请输入用户密码"
		            }
		        }
		        
		    });
			
		    $("#roleForm").validate({
		    	messages: {
		    		rolename: {
		                required: "请输入角色名称"
		            }
		        }
		    });
			
		});
		
		function createTab() {
		        $('#searchResults').bootstrapTable('destroy').bootstrapTable({
		            url: 'user!listusers.action',
		            toolbar: '#toolbar',                //工具按钮用哪个容器
		            method: 'post',                      //请求方式（*）
		            contentType: "application/x-www-form-urlencoded",//post请求的话就加上这个句话
		            striped: true,                      //是否显示行间隔色
		            cache: false,                       //是否使用缓存
		            toolbarAlign: "right", //工具栏对齐方式
		            sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
		            search: true,//是否显示表格搜索，此搜索是客户端搜索，不会进服务端
		            showSearchButton: true,
		            uniqueId: "userid",
		            pageNumber: 1,                       //初始化加载第一页
		            pageSize: 8,                       //每页的记录行数
		            pageList: [8], //[10, 20, 30]可供选择的每页的行数
		            pagination: true, // 是否分页
		            sortable: true, // 是否启用排序
		            sortOrder: "asc",                   //排序方式
		            showColumns: true, //是否显示列选择按钮
		            showRefresh: true,                  //是否显示刷新按钮
		            minimumCountColumns: 2, // 最少允许的列数
		            clickToSelect: true,                //是否启用点击选中行
		            height: "",                        //行高
		            showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
		            cardView: false,                    //是否显示详细视图
		            detailView: false,                   //是否显示父子表
	                paginationPreText: "上一页",
	                paginationNextText: "下一页",
		            queryParamsType: 'limit',//设置请求参数格式
		            queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的  
	                    return {//这里的params是table提供的  
	                        offset: params.offset,//从数据库第几条记录开始  
	                        limit: params.limit,//找多少条
	                        search:params.search
	                    };
		            },
		            columns: [
	                {
	                    title: "全选",
	                    field: "select",
	                    checkbox: true,
	                    width: 20, //宽度
	                    align: "center", //水平
	                    valign: "middle" //垂直
	                },
	                {
	                    field: 'no',
	                    title: '序号',
	                    width: 40,
	                    align: "center",
	                    formatter: function (value, row, index) {
	                        return index + 1;
	                    }
	                },
	                {
	                    field: 'username',
	                    title: '用户名称',
	                    align: 'center',
	                    valign: 'middle'
	                },
	                {
	                    field: 'realname',
	                    title: '真实姓名',
	                    align: 'center',
	                    valign: 'middle'
	                },
	                {
	                    field: 'userid',
	                    title: '操作',
	                    width: 100,
	                    align: 'center',
	                    valign: 'middle',
	                    formatter: actionFormatter
	                }
	            ]
		        });

		    }

		    //操作栏的格式化
		    function actionFormatter(value, row, index) {
		        var id = row.userid;
		        var result = "";
		        result += "<button style='cursor: pointer' class='btn btn-primary btn-xs' title='修改' onclick='edituser("+id+")'>修改</button> ";
		        result += "<button style='cursor: pointer' class='btn btn-primary btn-xs' title='删除' onclick='deluser("+id+")'>删除</button>";
		        return result;
		    }

		    function deluser(userid){
				if(confirm("确认删除吗？")){
				    $.ajax({
				    	   url:"user!deluser.action",   
						   type:"post",   
						   data:{userid:userid},
						   async:false,
						   dataType:"json",   
						   success:function(data){
							   createTab();
						   }
				    });
				}

		    }
	//填充select
	function rolesCheck(){
		  $.ajax({   
			   url:"user!allroles.action",   
			   type:"post",   
			   async:false,
			   dataType:"json",   
			   success: function(data, status) {
			      $.each(data.allroles, function(index, item) {
			        $("#rolesCheck").append(  //此处向select中循环绑定数据
			        "<label><input type=\"checkbox\" name=\"roles\" value="+ item.roleid +">"+ item.rolename +"</label><br>");		
			       });
			    },
			   error: function (xhr, textStatus, errorThrown) {
			        /*错误信息处理*/
					alert("进入error---");
					alert("状态码："+xhr.status);
					alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
					alert("错误信息:"+xhr.statusText );
					alert("返回响应信息："+xhr.responseText );//这里是详细的信息
					alert("请求状态："+textStatus);
					alert(errorThrown);
					alert("请求失败"); 
						}
				   });  
		}
		    
//角色管理
			
	$("#btn_addrole").click(function(){
		
		$('#roleModal').modal({backdrop: 'static', keyboard: false});//模态框禁用空白处点击关闭
		$("#roleModalLabel").text("新增角色");
		$('#roleModal').modal('show');
		$('#roleid').val("");
		$('#rolename').val("");
		//所有权限置空
		$('input[name=rights]').each(function () { 
			$(this).attr('checked',false); 
		});
//		var v = 1;
//		$('input[name=rights][value='+v+']').attr('checked',true);

	});
	
	//修改模板
    function editrole(roleid){

	    $.ajax({
	    	   url:"role!editrole.action",   
			   type:"post",   
			   data:{roleid:roleid},
			   async:false,
			   dataType:"json",   
			   success:function(data){
				    $('#roleModal').modal({backdrop: 'static', keyboard: false});//模态框禁用空白处点击关闭
				    $("#roleModalLabel").text("修改角色");
				    $('#roleModal').modal('show');
				    $('#roleid').val(data.roleid);
					$('#rolename').val(data.rolename);
					$.each(data.allrights, function(index, item) {
						$('input[name=rights][value='+item.rightid+']').attr('checked',true);
				    });

			   }
	    });
    }	
   //模板新增/修改提交
	$("#btn_role_submit").click(function(){
	    var flag = $("#roleForm").valid();
	    if(!flag){
	        //没有通过验证
	        return;
	    }
	  var params = $("form").serialize();   
	  $.ajax({   
	   url:"role!addrole.action",   
	   type:"post",   
	   data:params, 
	   async:false,
	   dataType:"json",   
	   success:function(data){
		        createRoleTab();
		        $('#roleModal').modal("hide");
		        //更新角色列表
				$("#rolesCheck").empty();
				rolesCheck();
		        
	   			},//刷新指定文档列表
	   error: function (xhr, textStatus, errorThrown) {
	        /*错误信息处理*/
			alert("进入error---");
			alert("状态码："+xhr.status);
			alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
			alert("错误信息:"+xhr.statusText );
			alert("返回响应信息："+xhr.responseText );//这里是详细的信息
			alert("请求状态："+textStatus);
			alert(errorThrown);
			alert("请求失败"); 
				}
		   });   
	});

		function createRoleTab() {
		        $('#searchRoleResults').bootstrapTable('destroy').bootstrapTable({
		            url: 'role!listroles.action',
		            toolbar: '#toolbar',                //工具按钮用哪个容器
		            method: 'post',                      //请求方式（*）
		            contentType: "application/x-www-form-urlencoded",//post请求的话就加上这个句话
		            striped: true,                      //是否显示行间隔色
		            cache: false,                       //是否使用缓存
		            toolbarAlign: "right", //工具栏对齐方式
		            sidePagination: "server", //分页方式：client客户端分页，server服务端分页（*）
		            search: true,//是否显示表格搜索，此搜索是客户端搜索，不会进服务端
		            showSearchButton: true,
		            uniqueId: "roleid",
		            pageNumber: 1,                       //初始化加载第一页
		            pageSize: 8,                       //每页的记录行数
		            pageList: [8], //可供选择的每页的行数
		            pagination: true, // 是否分页
		            sortable: true, // 是否启用排序
		            sortOrder: "asc",                   //排序方式
		            showColumns: true, //是否显示列选择按钮
		            showRefresh: true,                  //是否显示刷新按钮
		            minimumCountColumns: 2, // 最少允许的列数
		            clickToSelect: true,                //是否启用点击选中行
		            height: "",                        //行高
		            showToggle: false,                    //是否显示详细视图和列表视图的切换按钮
		            cardView: false,                    //是否显示详细视图
		            detailView: false,                   //是否显示父子表
	                paginationPreText: "上一页",
	                paginationNextText: "下一页",
		            queryParamsType: 'limit',//设置请求参数格式
		            queryParams: function (params) {//自定义参数，这里的参数是传给后台的，我这是是分页用的  
	                    return {//这里的params是table提供的  
	                        offset: params.offset,//从数据库第几条记录开始  
	                        limit: params.limit,//找多少条
	                        search:params.search
	                    };
		            },
		            columns: [
	                {
	                    title: "全选",
	                    field: "select",
	                    checkbox: true,
	                    width: 20, //宽度
	                    align: "center", //水平
	                    valign: "middle" //垂直
	                },
	                {
	                    field: 'no',
	                    title: '序号',
	                    width: 40, //宽度
	                    align: "center",
	                    formatter: function (value, row, index) {
	                        return index + 1;
	                    }
	                },
	                {
	                    field: 'rolename',
	                    title: '角色名称',
	                    align: 'center',
	                    valign: 'middle'
	                },
	                {
	                    field: 'roleid',
	                    title: '操作',
	                    width: 100,
	                    align: 'center',
	                    valign: 'middle',
	                    formatter: actionRoleFormatter
	                }
	            ]
		        });

		    }

		    //操作栏的格式化
		    function actionRoleFormatter(value, row, index) {
		        var id = row.roleid;
		        var result = "";
		        result += "<button style='cursor: pointer' class='btn btn-primary btn-xs' title='修改' onclick='editrole("+id+")'>修改</button> ";
		        result += "<button style='cursor: pointer' class='btn btn-primary btn-xs' title='删除' onclick='delrole("+id+")'>删除</button>";
		        return result;
		    }

		    function delrole(roleid){
				if(confirm("确认删除吗？")){
				    $.ajax({
				    	   url:"role!delrole.action",   
						   type:"post",   
						   data:{roleid:roleid},
						   async:false,
						   dataType:"json",   
								   success:function(data){
									   createRoleTab();
								        //更新角色列表
										$("#rolesCheck").empty();
										rolesCheck();
								   }
						    });
						}

				    }
			//填充select
			function rightsCheck(){
				  $.ajax({   
					   url:"role!allrights.action",   
					   type:"post",   
					   async:false,
					   dataType:"json",   
					   success: function(data, status) {
					      $.each(data.allrights, function(index, item) {
					        $("#rightsCheck").append(  //此处向select中循环绑定数据
					        "<label><input type=\"checkbox\" name=\"rights\" value="+ item.rightid +">"+ item.rightname +"</label><br>");		
					       });
					    },
					   error: function (xhr, textStatus, errorThrown) {
					        /*错误信息处理*/
							alert("进入error---");
							alert("状态码："+xhr.status);
							alert("状态:"+xhr.readyState);//当前状态,0-未初始化，1-正在载入，2-已经载入，3-数据进行交互，4-完成。
							alert("错误信息:"+xhr.statusText );
							alert("返回响应信息："+xhr.responseText );//这里是详细的信息
							alert("请求状态："+textStatus);
							alert(errorThrown);
							alert("请求失败"); 
								}
						   });  
			}
